<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<f:event type="preRenderView" listener="#{productManagedBean.getMakerWithBLOBsList}"/>
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>住宅展示場管理画面 商品ポップアップ</title>
	<script type="text/javascript" src="../js/product_popup.js"></script>
</h:head>
<h:body>
	<h:form>
		<table>
			<tr>
				<td><h:outputLabel for="productName" value="商品名 : " /></td>
				<td><p:inputText id="productName"
						value="#{productManagedBean.productName}">
						<f:validateLength minimum="1" />
						<p:ajax event="blur" update="productNameMsg" />
					</p:inputText> <p:message id="productNameMsg" for="productName"
						 /></td>
			</tr>
			<tr>
				<td><h:outputLabel for="makerId" value="メーカー名 : " /></td>
				<td>
					<p:selectOneMenu id="makerId" value="#{productManagedBean.makerId}">  
		                <f:selectItem itemLabel="ALLサーチ" itemValue="0" />  
		                <f:selectItems value="#{productManagedBean.makerWithBLOBs}" var="maker" itemLabel="#{maker.name}" 
		                	itemValue="#{maker.id}"/>  
           			</p:selectOneMenu>  
				</td>
			</tr>
			<tr>
				<td><p:commandButton id="searchProductWithBLOBs" value="絞り込み"
						action="#{productManagedBean.searchProductWithBLOBs}" ajax="false" /></td>
				<td><p:commandButton id="reset" value="リセット"
						action="#{productManagedBean.reset}" ajax="false" /></td>
			</tr>
		</table>
	</h:form>
	<h:form id="inputForm" prependId="false">
		<p:dataTable id="productWithBLOBs" var="product"
			value="#{productManagedBean.productWithBLOBs}" style="width: 10%"
			paginator="true" rows="10"
			paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="10,20,30" >
			<p:column headerText="" style="width:20%">
				<input type="checkbox" name="id[]" value="#{product.id}##{product.name}"/>
			</p:column>
			<p:column sortBy="#{product.id}" headerText="ID" style="width:20%">
				<h:outputText value="#{product.id}" />
			</p:column>
			<p:column sortBy="#{product.name}" headerText="商品名" style="width:20%">
				<h:outputText value="#{product.name}" />
			</p:column>
			<p:column sortBy="#{product.makerName}" headerText="メーカー" style="width:20%">
				<h:outputText value="#{product.makerName}" />
			</p:column>
		</p:dataTable>
		<center>
			<p:commandButton id="specifyProductWithBLOBs" value="確定" type="button"
						action="#" ajax="false" onclick="window.select()"/>
			<p:commandButton id="closePopup" value="閉じる" type="button"
						action="#" ajax="false" onclick="window.close()"/>
		</center>
	</h:form>
	<br />
</h:body>
</html>
